<template>
    <div style="height:100vh;width:100vw;background:rgba(0,0,0,.3);position:fixed;top:0;z-index:100" class="failPopUp">
        <div style="background:#ffffff;width:75%;margin:190px auto;text-align:center;border-radius:5px;overflow:hidden">
            <div style="text-align:center">
                <img src="../../assets/LOSER@2x.png" alt="" style="width:50px;height:50px;display:inline-block;margin:15px auto">
            </div>
            
            <span style="font-size:15px;color:#333333">{{failReason}}</span>
            <div style="text-align:center;margin-top:30px">
                <mu-button @click="popUpHide" color="#ffffff" v-clipboard:copy="code" v-clipboard:success="onCopy" textColor="#333333" :ripple=false :flat=true style="border:1px solid #333333;background:#333333;padding:10px 24px;color:#ffffff;width:100%;height:40px;font-size:15px">确定</mu-button>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name:'failpopUp',
        data () {
            return {
                failReason:'失败原因'
            }
        },
        methods:{
            popUpHide:function(){
                var failPopUp=document.getElementsByClassName('failPopUp')[0];
                failPopUp.style.display='none';
            }
        },
        mounted(){
            // this.chioce=this.chioce;
        }
    }
</script>
<style lang="scss">
</style>

